@charset "UTF-8";
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
button{padding:0;border:0}
@font-face{
  font-family: myfont;
  src: url('../stylesheets/haibao.ttf');
}
#umeng61{
  height:100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;background-color:#000;
  font-family: myfont;
}
#umeng61 body{
  height:100%;
  overflow: hidden!important;
}
#umeng61 .content{
  background-color: #6dcff6;
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  width: 100%;
  height: 100%;
}
#umeng61 .logo{
  width:2.45rem;
  height:0.55rem;
  position: absolute;
  left:0.2rem;
}
#umeng61 .score{
  display: none;
  width:100%;
  text-align: center;
  font-size: 0.4rem;
  position: absolute;
  top:0.4rem;
}
#umeng61 .timecount{
  position: absolute;
  right:0.5rem;
  top:0.5rem;
  font-size: 0.5rem;
  color:red;
}
#umeng61 .rulebtn{
  position: absolute;
  right:0.36rem;
  top:0.24rem;
  width:1.4rem;
  height:0.5rem;
  font-size: 0.2rem;
  font-family: yahei;
  color:#fff;
  text-align: center;
  line-height: 0.5rem;
  background-color:#008bea;
  border-radius: 15px;
  z-index: 15;
}
#umeng61 .titles{
}
#umeng61 .title-style{
  color:#fff;
  position: absolute;
  width:5.8rem;
  left:50%;
  margin-left: -2.4rem;
  font-size: 0.5rem;
  -webkit-transform:rotate(-8deg);
  transform:rotate(-8deg);
}
#umeng61 .game-title1{
  top:1.7rem;
}
#umeng61 .game-title2{
  top:2.25rem;
}
#umeng61 .game-title3{
  top:3.2rem;
  margin-left: -2.9rem;
}
#umeng61 .stress-small{
  font-size: 0.7rem;
}
#umeng61 .stress{
  font-size:0.8rem;
}
#umeng61 .zqt{
  width:0.35rem;
  height:0.17rem;
  background-size: 100%;
  background-image: url("../images/zqt.png");
  position: absolute;
  right:0.1rem;
  top:-0.18rem;
}
#umeng61 .fly-icon{
  position: absolute;
  left:4.25rem;
  top:0.24rem;
}
#umeng61 .bg-cloud{
  width:100%;
  height: 100%;
  background-size: 100%;
  background-image: url("../images/yun.png");
}
#umeng61 .scroll-wrap{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
}
#umeng61 .start-tips{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width:100%;
}
.countdown{
  display: none;
  width:2.63rem;
  height:2.41rem;
  position: absolute;
  top:1.2rem;
  left:50%;
  margin-left: -1.315rem;
  background-size: 100%;
  background-image: url("../images/countbg.png");
}
.countdownnum{
  font-size: 2.16rem;
  color:#3eaaf3;
  line-height: 2.41rem;
  position: absolute;
  left:0.5rem;
}
.drag-tip{
  position: absolute;
  top:4.29rem;
  width:100%;
  text-align: center;
  font-size: 0.416rem;
  color:#fff;
}
.arrow{
  width:0.96rem;
  height:2.23rem;
  position: absolute;
  top:3.05rem;
  right:0.57rem;
  background-size: 100%;
  background-image: url("../images/arrow.png");
}
.finger{
  width:1.42rem;
  height:1.42rem;
  position: absolute;
  top:4.23rem;
  right:0;
  background-size: 100%;
  background-image: url("../images/finger.png");
  -webkit-animation: slide 1s ease infinite;
  animation: slide 1s ease infinite;
}
@-webkit-keyframes slide{
  0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
  80%{-webkit-transform:translate3d(0,-2rem,0);transform:translate3d(0,-2rem,0);}
  100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes slide{
  0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
  80%{-webkit-transform:translate3d(0,-2rem,0);transform:translate3d(0,-2rem,0);}
  100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
#umeng61 .island-bottom{
  width:100%;
  height:3.4rem;
  position: absolute;
  bottom: 0;
  background-image: url("../images/bottom.png");
  background-size: 100% 100%;
}
#umeng61 .start{
  position: absolute;
  top:4.45rem;
  left:50%;
  width:3.04rem;
  height:1.2rem;
  margin-left: -1.52rem;
  line-height: 1.2rem;
  color:#fff;
  text-align: center;
}
.start-text{
  position: absolute;
  font-size: 0.44rem;
  width:2rem;
  left:50%;
  height:1.2rem;
  line-height: 1.2rem;
  margin-left: -1rem;
  z-index: 10;
}
.start-blow{
  width:0.6rem;
  height:1.2rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  -webkit-transform-style:preserve-3d;
  -webkit-backface-visibility:hidden;
  -webkit-transform:translate3d(0,0,0);
  position: absolute;
}
.strat-blow-left{
  left:0;
}
.start-blow-right{
  right:0;
  top:0;
}
.start-blow-left .start-switch-left, .start-blow-right .start-switch-right{
  width:0.6rem;
  height:1.2rem;
  background-size: 100%;
  opacity: 0;
}
.start-blow-animation{
  -webkit-animation: shake 0.3s ease infinite;
  animation: shake 0.3s ease infinite;
}
.start-blow-left, .start-switch-left{
  background-image: url("../images/start-blow-left.png");
}
.start-blow-right, .start-switch-right{
  background-image: url("../images/start-blow-right.png");
}
.start-blow-left .start-switch-left{
  background-position: 0 -1.23rem;
}
.start-blow-right .start-switch-right{
  background-position: 0 -1.4rem;
}
.bottom-blow{
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  -webkit-transform-style:preserve-3d;
  -webkit-backface-visibility:hidden;
  -webkit-transform:translate3d(0,0,0);
  position: absolute;
}
.bottom-blow-left{
  width: 1.36rem;
  height: 1.25rem;
  bottom: 2.0rem;
  left: 50%;
  margin-left: -2.8rem;
  z-index: 10;
}
.bottom-blow-right{
  width: 1.32rem;
  height: 1.13rem;
  bottom: 1.8rem;
  right: 50%;
  margin-right: -2.78rem;
  z-index: 10;
  background-position: 0 -2.2rem;
}
.bottom-blow-left .blow-left-switch{
  width:1.36rem;
  height:1.25rem;
  background-size: 100%;
  opacity: 0;
}
.bottom-blow-animation{
  -webkit-animation: shake 0.3s ease infinite;
  animation: shake 0.3s ease infinite;
}
.bottom-blow-right .blow-right-switch{
  width:1.32rem;
  height:1.13rem;
  background-size: 100%;
  opacity: 0;
}
.bottom-blow-left, .blow-left-switch{
  background-image: url("../images/blow-down-left.png");
}
.bottom-blow-right, .blow-right-switch{
  background-image: url("../images/blow-down-right.png");
}
.bottom-blow-left .blow-left-switch{
  background-position:-0.1rem -1.72rem;
  background-repeat: no-repeat;
}
.bottom-blow-right .blow-right-switch{
  background-position: 0 -0.5rem;
  background-repeat: no-repeat;
}
#umeng61 .cow{
  width:3.62rem;
  height: 3.50rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  -webkit-transform-style:preserve-3d;
  -webkit-backface-visibility:hidden;
  -webkit-transform:translate3d(0,0,0);
  position: absolute;
  bottom:1.4rem;
  left:50%;
  margin-left: -1.81rem;
}
#umeng61 .cow .switch{
  width:3.60rem;
  height:3.50rem;
  background-size: 100%;
  opacity: 0;
  -webkit-animation: shake 0.3s ease infinite;
  animation: shake 0.3s ease infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
#umeng61 .highCow{
  width:3.42rem;
  height:4.66rem;
  background-position: 0 -6.9rem;
}
#umeng61 .highCow .switch{
  display: none;
}
#umeng61 .dropCow{
  width:3.42rem;
  height:5.08rem;
  background-position: 0 -11.5rem;
}
#umeng61 .dropCow .switch{
  display: none;
}
@-webkit-keyframes shake{
50% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes shake{
50% {opacity: 1;}
100% {opacity: 0;}
}
.cow, .switch{
  background-image: url("../images/cow.png");
}
.cow .switch{
  background-position: 0 -3.70rem;
}
.result-page{
  display: none;
  position: absolute;
  width: 100%;
  top:0.8rem;
  z-index:12;
}
.result-title{
  width: 100%;
  height: 0.6rem;
  font-size: 0.6rem;
  color:#1d7ccf;
  position: absolute;
  text-align: center;
  top:0.2rem;
}
.result-num{
  position: absolute;
  top:0.8rem;
  font-size: 1.5rem;
  width:100%;
  text-align: center;
  height:1.3rem;
  color: #fff;
}
.prize-card{
  display: none;
  width:5.51rem;
  height:2.18rem;
  position: absolute;
  top:2.2rem;
  left:50%;
  margin-left: -2.755rem;
  background-size: 100%;
  background-image: url("../images/gewala.png");
}
.tips{
  width:5.48rem;
  position: absolute;
  top:3.4rem;
  left:50%;
  margin-left: -2.74rem;
  color:#0a6cc2;
  font-size: 0.24rem;
  text-align: center;
}
.tips a{
  color:#0a6cc2;
}
.user-phone-num{
  position: absolute;
  top:2.4rem;
  left:50%;
  height:0.8rem;
  width:5.48rem;
  margin-left: -2.74rem;
}
.phone-num{
  width:3.86rem;
  height: 0.6rem;
  border-radius: 20px;
  position: absolute;
  left:0;
  font-size:0.3rem;
  line-height: 0.6rem;
  padding:0.1rem 0.3rem 0.1rem 0.3rem;
  font-family: yahei;
}
.phone-num::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
.sure{
  width:1rem;
  height:0.8rem;
  font-size:0.34rem;
  position: absolute;
  right: 0;
  line-height: 0.8rem;
  text-align: center;
  color:#0a6cc2;
}
.operation{
  width:5.48rem;
  height:1.35rem;
  position: absolute;
  left:50%;
  top:4rem;
  margin-left: -2.74rem;
  border-top: 1px solid #a9e4fc;
  border-bottom: 1px solid #a9e4fc;
}
.operation-btn{
  width:2.55rem;
  height:0.8rem;
  border-radius: 20px;
  color:#fff;
  font-size: 0.3rem;
  line-height: 0.8rem;
  text-align: center;
  position: absolute;
  top:0.275rem;
}
.tryagain{
  left: 0;
  background-color:#418fd3;
}
.invite{
  background-color:#f57474;
  right: 0;
}
.ranklist{
  width:5.48rem;
  height:3.9rem;
  border-radius: 10px;
  background-color:#71c4e6;
  position: absolute;
  opacity: 0.8;
  top:5.67rem;
  left:50%;
  margin-left: -2.74rem;
}
.ranklist-title{
  font-size: 0.44rem;
  color: #fff;
  width: 100%;
  text-align: center;
  position: absolute;
  top:0.2rem;
}
.userlist{
  width:4.58rem;
  height:3.1rem;
  position: absolute;
  top:0.8rem;
  left:0.5rem;
  font-size: 0.22rem;
  color:#fff;
  overflow-y: auto;
}
.userlist tr{
  height: 0.35rem;
  line-height: 0.35rem;
}
.userlist .division{
  width:1rem;
}
.explain{
  font-size: 0.2rem;
  position: absolute;
  top:9.7rem;
  width: 100%;
  text-align: center;
  color:#0a6cc2;
}
.hasprize .result-num{
  font-size: 1rem;
}
.hasprize .prize-card{
  display: block;
}
.hasprize .tips{
  display: block;
  top:4.5rem;
}
.hasprize .operation{
  top:6.38rem;
}
.hasprize .user-phone-num{
  top:5.18rem;
}
.hasprize .ranklist{
  top:8.05rem;
  height:2rem;
}
.hasprize .userlist{
  height:1rem;
}
.hasprize .explain{
  top: 10.2rem;
}
.hasprize .tryagain{
  display:none;
}
.hasprize .invite{
  right:1.465rem;
}
.guide-rules{
  display: none;
  font-size: 0.3rem;
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  padding-top: 0.2rem;
  top: 0;
  background-color: #6dcff6;
  height: 100%;
  z-index: 10;
  font-family: yahei;
}
.guide-texts{
  width:90%;
  padding: 0 5% 0 5%;
}
.guide-rule-text{
  margin-top: 0.2rem;
}
.share{
  display: none;
  position: absolute;
  width:100%;
  height: 100%;
  top:0;
  bottom:0;
}
.share-arrow{
  width:1.43rem;
  height:1.75rem;
  position: absolute;
  right:0.35rem;
  top:0.2rem;
  background-size: 100%;
  background-image: url("../images/share-arrow.png");
}
.share-panel{
  position: absolute;
  width:5.6rem;
  height:1.33rem;
  top:2.1rem;
  left:50%;
  margin-left: -3rem;
  background-color: #fff;
  border-radius: 8px;
  font-size: 0.3rem;
  padding:0.66rem 0.2rem 0.61rem 0.2rem;
  color:#008bea;
  font-family: yahei;
}
.share-text2,.share-text3{
  margin-top: 0.2rem;
}
.bg-layer{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index:10;
}
.over-layer{
  background-color: #6dcff6;
  opacity: 0.6;
}
.dialog-bg-layer{
  background-color: #aaa;
  opacity: 0.6;
}
.start-layer{
  background-color: #aaa;
  opacity: 0.3;
}
.dialog{
  display: none;
  width:5.5rem;
  height:3rem;
  position: absolute;
  top:2.9rem;
  left:50%;
  margin-left: -2.75rem;
  background-color: #fff;
  text-align: center;
  font-size: 0.4rem;
  border-radius: 8px;
  font-family: yahei;
  z-index: 100;
}
.dialog .text{
  margin-top: 0.65rem;
}
.dialog .confirm{
  width:2.5rem;
  height:0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color:#fff;
  background-color:#418fd3;
  border-radius: 18px;
  position: absolute;
  left:50%;
  margin-left: -1.25rem;
  bottom: 0.3rem;
}
.loading-bg{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  background-color:#6dcff6;
  z-index:100;
}
.double-bounce1, .double-bounce2{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left:-1rem;
  margin-top: -1rem;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.status{
  width:4rem;
  height:0.42rem;
  font-size: 0.3rem;
  color:#fff;
  font-family: yahei;
  position: absolute;
  top:50%;
  left:50%;
  margin-left: -1.16rem;
  margin-top: 1.2rem;
}